<%@page import="java.util.Calendar"%>
<%@page import="java.sql.Date"%>
<%@page import="beans.Usuario"%>
<%@page contentType="text/html" pageEncoding="utf-8"%>
<%@page import="beans.Categoria"%>
<%@page import="beans.Controlador"%>
<%@page import="java.util.List"%>

<!DOCTYPE html>
<html>
    <head>
        
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
        <link href="Recursos/css/main.css" rel="stylesheet" type="text/css"/>
        <link href="Recursos/css/bootstrap.css" rel="stylesheet" type="text/css"/>
        <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
        <link href="Recursos/css/custom.css" rel="stylesheet" type="text/css"/>
        <link rel="stylesheet" media="screen" href="Recursos/css/jquery.validity.css" > 
        
        <script type="text/javascript" src="Recursos/js/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="Recursos/js/jquery-migrate-1.2.1.js" ></script>
        <script type="text/javascript" src="Recursos/js/bootstrap.js"></script>
        <script type="text/javascript" src="Recursos/js/jquery.validity.min.js" ></script>
        <script type="text/javascript" src="Recursos/js/jquery.validity.lang.es.js" ></script>
        <script type="text/javascript" src="Recursos/js/perfil.js" ></script>
    </head>
    <body>
        <%
            HttpSession ses = request.getSession();   
            Usuario usuario = (Usuario)ses.getAttribute("Usuario");
            
            /*
            ////// PARA NATU FEITA ////////////////
            
            Usuario usuario = new Usuario();
            usuario.setId(1);
            usuario.setNombres("Natalia");
            usuario.setApellidos("Gamarra Guerrero");
            usuario.setSexo("F");
            usuario.setCodigoPostal("28028");
            usuario.setDireccion("");
            usuario.setCorreo("ngg@gmail.com");
            usuario.setFoto("");
            usuario.setSueldo(1200);
            usuario.setPassword("123456");
            Calendar ca = Calendar.getInstance();
            java.sql.Date fecha = new java.sql.Date(ca.getTimeInMillis());
            usuario.setFechanacimiento(fecha);
            
            Categoria categoria = null;
            categoria = new Categoria();
            categoria.setCode("es_auto");
            categoria.setDescription("Auto");
            usuario.getListaCategorias().add(categoria);
            categoria = new Categoria();
            categoria.setCode("es_fashion");
            categoria.setDescription("Fashion");
            usuario.getListaCategorias().add(categoria);
            categoria = new Categoria();
            categoria.setCode("es_food");
            categoria.setDescription("Food");
            usuario.getListaCategorias().add(categoria);
            categoria = new Categoria();
            categoria.setCode("es_tech");
            categoria.setDescription("Technology");
            usuario.getListaCategorias().add(categoria);
            Controlador.GetInstance().sendGetCategories("xml");
            Controlador.GetInstance().getZipCodesCercanosByUsuario(usuario);
            Controlador.GetInstance().getDatosConsumoByZicodeUsuario(usuario);
            ses.setAttribute("Usuario", usuario);
            ////////////////////////////////
            */
        %>
        <form id="frmPerfil" name="frmPerfil" action="ActualizarUsuario" method="POST">
        <div class="panel" id="ppi">
          <h3 class="panel-title">Básico</h3>
          <div class="panel-content">
              <div class="control-group">
                <label class="control-label" for="txtNombres">Nombres<eq style="color: red">(*)</eq></label>
                <div class="controls">
                    <input type="text" name="txtNombres" id="txtNombres" value="<%= usuario.getNombres() %>" title="Nombres">
                </div>
              </div>
              <div class="control-group">
                <label class="control-label" for="txtApellidos">Apellidos<eq style="color: red">(*)</eq></label>
                <div class="controls">
                  <input type="text" name="txtApellidos" id="txtApellidos" value="<%= usuario.getApellidos() %>" title="Apellidos">
                </div>
              </div>
              <div class="control-group">
                <label class="control-label" for="txtFechaNacimiento">Fecha Nac.<eq style="color: red">(*)</eq></label>
                <div class="controls">
                  <input type="date" name="txtFechaNacimiento" id="txtFechaNacimiento" value="<%= usuario.getFechanacimiento()%>" title="Fecha Nacimiento">
                </div>
              </div>
              <div class="control-group">
                <label class="control-label" for="ddlSexo">Sexo</label>
                <div class="controls">
                  <select id="ddlSexo" name="ddlSexo" title="Sexo">
                      <% if(usuario.getSexo().equals("M")){ %>
                          <option value="M" selected="">- Masculino -</option>
                          <option value="F">- Femenimno -</option>
                      <%}else{ %>
                          <option value="M" >- Masculino -</option>      
                          <option value="F" selected="">- Femenimno -</option>
                            
                      <%} %>
                  </select>
                </div>
              </div>
              <div class="control-group">
                <label class="control-label" for="txtDireccion">Direccion<eq style="color: red">(*)</eq></label>
                <div class="controls">
                    <input class="span5" type="text" id="txtDireccion" name="txtDireccion" value="<%= usuario.getDireccion()%>" title="Dirección">
                </div>
              </div>
              <div class="control-group">
                <label class="control-label" for="txtCodPostal">Cód. Postal<eq style="color: red">(*)</eq></label>
                <div class="controls">
                    <input type="text" class="span2" name="txtCodPostal" id="txtCodPostal" value="<%= usuario.getCodigoPostal()%>" title="Cód. Postal">
                </div>
              </div>
              <div class="control-group">
                <label class="control-label" for="txtCorreo">Email<eq style="color: red">(*)</eq></label>
                <div class="controls">
                    <input type="email" name="txtCorreo" id="txtCorreo" value="<%= usuario.getCorreo()%>" title="Correo">
                </div>
              </div> 
                
              <div class="control-group">
                <label class="control-label" for="txtSueldo">Ingresos (Nos ayudará a recomendarle opciones a su alcance)</label>
                <div class="controls">
                    <input type="number" name="txtSueldo" id="txtSueldo" min="100" required="required" step="0.1" value="<%= usuario.getSueldo()%>" title="Sueldo">
                </div>
              </div>  
              <hr>
              <div class="controls">
                  <button id="btnRegistrar" name="btnRegistrar" type="button" class="btn btn-info">Registrar</button>
              </div>
            
          </div>
        </div>
        </form>
        <div class="panel" id="ppd">
           <h3 class="panel-title">Intereses</h3>
          <div class="panel-content">
              <table id="gvCategorias" class="table table-striped">
                  <tbody>
                      <% 
                          List<Categoria> lstCategorias = Controlador.GetInstance().getListaCategorias();
                          for(int i=0;i<lstCategorias.size();i++){
                                out.print("<tr>");
                                Categoria c = lstCategorias.get(i);
                                out.print("<td style='visibility: hidden; display: none'>"+c.getCode()+"</td>");
                                out.print("<td>"+c.getDescription()+"</td>");
                                boolean existe = false;
                                for(Categoria item :usuario.getListaCategorias()){
                                    if(item.getCode().equals(lstCategorias.get(i).getCode()))
                                    {
                                        existe = true;
                                        break;
                                    }
                                }
                                if(existe)
                                    out.print("<td><input type='checkbox' checked='true'></td>");
                                else
                                    out.print("<td><input type='checkbox'></td>");
                                out.print("</tr>");
                            }
                      %>
                  
                  </tbody>
              </table>
          </div>
        </div>
    </body>
</html>
